@mixin media-font-size($width: 320px) {
  html {
    font-size: 50px * $width/320px !important;
  }
}

@media screen and (min-width: 320px) {
  @include media-font-size;
}

@media screen and (min-width: 360px) {
  @include media-font-size(360px);
}

@media screen and (min-width: 375px) {
  @include media-font-size(375px);
}

@media screen and (min-width: 400px) {
  @include media-font-size(400px);
}

@media screen and (min-width: 414px) {
  @include media-font-size(414px);
}

@media screen and (min-width: 440px) {
  @include media-font-size(440px);
}
